<script setup lang="ts">
  const {modelValue} = defineProps<{
    modelValue: boolean
  }>()

  const emit = defineEmits<{
    (e: 'update:modelValue', value: boolean) :void
  }>()

  const hClick = () => {
    emit('update:modelValue', !modelValue)
    console.log(modelValue);
  }
</script>

<template>
  <div class="total-checkbox" @click="hClick">
    <i v-if="modelValue" class="iconfont icon-checked"></i>
    <i v-else class="iconfont icon-unchecked"></i>
  </div>
</template>

<style scoped>

</style>